<template>
  <div class="remark-wrapper">
    <div class="title">备注</div>
    <textarea class="text"
              placeholder="备注内容"
              maxlength="100"></textarea>
  </div>
</template>
<script>
export default {
  name: 'commonRemark'
}
</script>
<style lang="stylus" scoped>
@import '~stylus/variable.styl'
@import '~stylus/mixins.styl'

.remark-wrapper
  margin-bottom 20px

.title
  width 100%
  font-size $address
  font-weight 500
  color $footer_bgc
  line-height 68px

.text
  width 100%
  height 192px
  background $common_bgc
  border-radius 24px
  border none
  resize none
  padding-left 36px
  padding-right 36px
  padding-top 20px
  padding-bottom 20px
  box-sizing border-box
  font-size $address
  font-weight 400
  color $footer_bgc
</style>

